/*--------------------------------------------------------------
1. Normalize
--------------------------------------------------------------*/

html {font-family: sans-serif "微软雅黑"; font-size:13px; font-weight:normal; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

body {margin: 0;word-wrap: break-word;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {display: block;}

a {background-color: transparent;}

a:active,
a:hover {outline: 0;}

b,
strong {font-weight: bold;}

dfn {font-style: italic;}

mark {background: #ff0;color: #000;}

small {font-size: 80%;
}

sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

img {border: 0;}

pre {overflow: auto;}

code,
kbd,
pre,
samp {font-family: monospace, monospace;}

button,
input,
optgroup,
select,
textarea {color: inherit;font: inherit;margin: 0;}

button {overflow: visible;}

button,
select {text-transform: none;}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

button[disabled],
html input[disabled] {cursor: default;}

button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}

input {line-height: normal;}

input[type="checkbox"],
input[type="radio"] {box-sizing: border-box;padding: 0;}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}

q {font-style: italic;font-weight: bold;letter-spacing: 1px;}

legend {border: 0;padding: 0;}

textarea {overflow: auto;}

optgroup {font-weight: bold;}

table {border-collapse: collapse;border-spacing: 0;}

td,
th {padding: 5px;border: 2px double #eee;text-align: center;}

/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {color: #727272;font-size: 14px;line-height: 1.75;font-family: 'Open Sans', sans-serif;}

h1 {font-size:40px;}

h2 {font-size:29px;}

h3 {font-size:20px;}

h4 {font-size: 18px;}

h5 {font-size: 16px;}

h6 {font-size: 16px;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0;font-family: 'Montserrat', sans-serif;font-weight: 600;color: #272727;line-height: 1.5;}

p {margin: 0 0 15px 0;}

dfn,
cite,
em,
i {font-style: italic;}

blockquote {text-align: center;position: relative;margin: 0 0 25px;font-size: 27px;font-weight: 100;}

blockquote cite {font-size: 18px;line-height: 1.89;color: #888888;}

blockquote cite {display: block;margin-top: 7px;}

address {margin: 0 0 15px;}

pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;line-height: 1.6;margin-bottom: 15px;max-width: 100%;overflow: auto;padding: 15px;}

code {padding: 2px 4px;font-size: 90%;color: #dc4357;background-color: #00479d;border-radius: 4px;}

code,
kbd,
tt,
var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;}

abbr,
acronym {border-bottom: 1px dotted #666;cursor: help;}

mark,
ins {background: #fff9c0;text-decoration: none;}

big {font-size: 125%;}

/*--------------------------------------------------------------
3. Elements
--------------------------------------------------------------*/

html {box-sizing: border-box;}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */box-sizing: inherit;}

body {background: #fff; /* Fallback for when there is no custom background color defined. */-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;overflow-x: hidden;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: "";}

blockquote:before {content: "\201c";font-family: "Times New Roman";display: block;font-size: 93px;line-height: 50px;font-weight: 700;}

blockquote:before {color: #00479d;}

hr {background-color: #ECECEE;border: 0;height: 1px;margin: 60px 0;clear: both;}

ul,
ol {margin: 0 0 30px 0;padding: 0 0 0 20px;}

ul {list-style: none;padding-left: 0;}

ol {list-style: decimal;}

li > ul,
li > ol {margin-bottom: 0;margin-left: 15px;}

dt {font-weight: bold;}

dd {margin: 0}

img {height: auto; /* Make sure images are scaled correctly. max-width: 100%;*/ /* Adhere to container width. */vertical-align: middle;}

figure {margin: 15px 0; /* Extra wide images within figure tags don't overflow the content area. */}

/*table {margin: 0 0 15px;width: 100%;}*/

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;white-space: nowrap;height: 1px;width: 1px;overflow: hidden;}

.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}

/*--------------------------------------------------------------
4. Forms
--------------------------------------------------------------*/
/*
input[type="button"],
input[type="reset"],
input[type="submit"],
button {background: #00479d;color: #fff;font-size: 16px;line-height: 1.5;padding:10px 35px;border: none;height: auto;width: auto;cursor: pointer;display: inline-block;}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:focus,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
button:active {background-color: #222;color: #fff;outline: none;}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {color: #272727;border: 1px solid #e7e7e7;padding: 7px 10px 7px 15px;}


select {border: 1px solid #f5f5f5;width: 100%;}
[type="checkbox"],
[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {outline:none;}

textarea {width: 100%;}*/

/*--------------------------------------------------------------
4.1. Search Forms
--------------------------------------------------------------*/

form.search-form {position: relative;}

input.search-field {width: 100%;border: 2px solid #f7f7f7;border-radius: 50px;padding: 12px 25px;}

.search-submit {width: 100%;margin-top: 15px;}

.searchform {width: 430px;margin: 0 auto;max-width: 100%;}

.searchform-inner {position: relative;}
input.search-submit, input.search-submit:visited {position: absolute;top: 0;margin: 0;right: 0;font-size: 13px;padding: 16px 20px;border-radius: 0 50px 50px 0;}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {outline: 0;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #272727;}

::-moz-placeholder { /* Firefox 19+ */color: #272727;}

:-ms-input-placeholder { /* IE 10+ */color: #272727;}

:-moz-placeholder { /* Firefox 18- */color: #272727;}

#footer-widgets ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff;}

#footer-widgets ::-moz-placeholder { /* Firefox 19+ */color: #fff;}

#footer-widgets :-ms-input-placeholder { /* IE 10+ */color: #fff;}

#footer-widgets :-moz-placeholder { /* Firefox 18- */color: #fff;}

.text-alignleft {text-align: left;}

.text-alignright {text-align: right;}

.text-aligncenter {text-align: center;}


/*--------------------------------------------------------------
5. Alignments
--------------------------------------------------------------*/

.alignleft {display: inline;float: left;margin-right: 50px;}

.alignright {display: inline;float: right;margin-left: 50px;}

.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 30px;}

.text-alignleft {text-align: left;}

.text-alignright {text-align: right;}

.text-aligncenter {text-align: center;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {content: "";display: table;table-layout: fixed;}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {clear: both;}

/*--------------------------------------------------------------
7. Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {max-width: 100%;}
/**
* Print
*/

@media print {
	form,button,input,select,textarea,.navigation,.main-navigation,.social-navigation,.sidebar,.content-bottom-sections,.header-image,.page-links,.edit-link,.comment-respond,.comment-edit-link,.comment-reply-link,.comment-metadata .edit-link,.pingback .edit-link {display: none;}
}
/**
* Media Queries
*/

/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/

@-ms-viewport {width: device-width;}

@viewport {width: device-width;}


/*--------------------------------------------------------------
7.1. Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 15px;max-width: 100%;}

.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}

.wp-caption .wp-caption-text {margin: 0.8075em 0;}

.wp-caption-text {text-align: center;}

/*--------------------------------------------------------------
8. Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
20. Galleries
--------------------------------------------------------------*/

.gallery {margin-bottom: 1.5em;}

.gallery-item {display: inline-block;text-align: center;vertical-align: middle;width: 100%;margin: 0;padding: 5px;float: left;}
.gallery-item img {vertical-align: middle; max-width:100%; height:auto; overflow:hidden}

.gallery-item:hover {opacity: 0.9;}

.gallery-columns-2 .gallery-item {max-width: 50%;}

.gallery-columns-3 .gallery-item {max-width: 33.33%;}

.gallery-columns-4 .gallery-item {max-width: 25%;}

.gallery-columns-5 .gallery-item {max-width: 20%;}

.gallery-columns-6 .gallery-item {max-width: 16.66%;}

.gallery-columns-7 .gallery-item {max-width: 14.28%;}

.gallery-columns-8 .gallery-item {max-width: 12.5%;}

.gallery-columns-9 .gallery-item {max-width: 11.11%;}

.gallery-caption {display: block;}

.gallery-caption {display: block;background: #f9f8f8;padding: 8px;font-size: 18px;}
.gallery-columns-2 .gallery-item p { margin-top:10px}

.gallery-columns-3 .gallery-item:nth-child(3n+1) {clear: both;}

/*--------------------------------------------------------------
9. Custom Button
--------------------------------------------------------------*/

.custom-button,
.custom-button:visited,
a.button,
.custom-button.custom-primary-button,
.custom-button.custom-primary-button:visited {transition: all 0.3s ease 0s;background: #00479d;color: #fff;font-size: 14px;line-height: 1.8;padding: 10px 35px;border: none;height: auto;width: auto;cursor: pointer;display: inline-block;min-width: 135px;text-align: center;margin: 0;position: relative;font-weight: 600;vertical-align: middle;}

a.custom-button:before {content: "\f0a9";font-family: "Font Awesome 5 Free";margin-right: 13px;font-weight: 900;}



.custom-button{
	/*transition: all 0.3s ease 0s;*/
	background: #00479d;color: #fff;
	font-size: 14px;
	line-height: 1.8;
	padding: 10px 35px;
	border: none;
	height: auto;
	width: auto;
	cursor: pointer;
	display: inline-block;
	min-width: 135px;
	text-align: center;
	margin: 0;
	position: relative;
	font-weight: 600;
	vertical-align: middle;
	 transition: 0.6s linear;
        }
        .custom-button:hover{
            color: #ffffff;
        }
        .custom-button:after{
            width: 0;
            cursor:pointer;
            position: absolute;
            content: "";
            top: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            background: #360602;
            transition: 0.6s linear;
			border-radius: 50px;
        }
        .custom-button:hover:after{
            width: 100%;
        }












/*Circle button style*/
/*
.button-curved  .custom-button,
.button-curved .custom-button:visited,
.button-curved a.button.custom-button,
.button-curved a.button.custom-button:visited
.button-curved .custom-button.custom-primary-button,
.button-curved .custom-button.custom-primary-button:visited,
.button-curved input[type="button"],
.button-curved input[type="reset"],
.button-curved input[type="submit"],
.button-curved a.scrollup, a.scrollup:visited,
.button-curved  {border-radius: 50px;}

.button-semi-curved {border-radius: 5px;}*/

.button-circle,.button-circle-enabled .slick-arrow  {border-radius: 100%;}

.section-carousel-enabled.button-circle .slick-prev.slick-arrow,
.section-carousel-enabled.button-circle .slick-next.slick-arrow{border-radius: 100%;}


.custom-button:hover,
.button:hover, button:focus,
.button:focus,
.custom-button:focus,
.custom-button:active,
.custom-button.custom-primary-button:hover,
.custom-button.custom-primary-button:active,
.custom-button.custom-primary-button:focus {background-color: #00479d;color: #fff;box-shadow: 0px 2px 7px 0px rgba(162, 160, 160, 0.54);
            cursor:pointer;
            z-index:0;
            background: #00479d;
            transition: 0.6s linear; display:inline-block;
}

.overlay-enabled .custom-button:hover,
.overlay-enabled a.button:hover,
.overlay-enabled button:focus,
.overlay-enabled a.button:focus,
.overlay-enabled .custom-button:focus,
.overlay-enabled .custom-button:active,
.overlay-enabled .custom-button.custom-primary-button:hover,
.overlay-enabled .custom-button.custom-primary-button:active,
.overlay-enabled .custom-button.custom-primary-button:focus,
.dark-background .custom-button:hover,
.dark-background a.button:hover,
.dark-background button:focus,
.dark-background a.button:focus,
.dark-background .custom-button:focus,
.dark-background .custom-button:active,
.dark-background .custom-button.custom-primary-button:hover,
.dark-background .custom-button.custom-primary-button:active,
.dark-background .custom-button.custom-primary-button:focus {
	background-color: #00479d;color: #fff;box-shadow: 0px 2px 7px 0px rgba(162, 160, 160, 0.54);}

/*custom-secondary*/
.custom-button.custom-secondary-button,
.custom-button.custom-secondary-button:active,
.custom-button.custom-secondary-button:visited {background-color: #fff;color: #2c3038;margin-left: 15px;}

.custom-button.custom-secondary-button:hover {background: #00479d;color: #fff;}
a.more-link {border: 1px solid #ccc;padding: 9px 29px;font-size: 13px;font-weight: normal;text-transform: uppercase;display: inline-block;margin-top: 15px;}
.more-link:after {content: "\f30b";font-family: 'Font Awesome 5 Free';padding-left: 6px;font-size: 11px;font-weight: 900;}
a.more-link:hover::after {content: "\f00c";}
.custom-button.custom-default {background: #ddd;color: #222;}
.custom-button.custom-success {background: #0fb661;}
.custom-button.custom-info {background: #30b4da;}
.custom-button.custom-warning {background: #f0b02f;}
.custom-button.custom-danger {background: #ff4f39;}
.custom-button.custom-dark {background: #222222;}
.custom-button.custom-purple {background: #9261c6;}
.custom-button.custom-pink {background: #ff6b98;}
.custom-button.custom-default:hover,
.custom-button.custom-pink:hover,
.custom-button.custom-purple:hover,
.custom-button.custom-dark:hover,
.custom-button.custom-danger:hover,
.custom-button.custom-warning:hover,
.custom-button.custom-info :hover,
.custom-button.custom-success:hover,
.custom-button.custom-default:hover {opacity: 0.8;}
.custom-button-demo h4 {margin-top: 30px;margin-bottom: 30px;}
.custom-button.button-large {padding: 20px 50px;font-size: 20px;}
.custom-button.button-medium {padding: 15px 35px;}
button.custom-button.button-extra-small {padding: 5px 15px;font-size: 13px;}


/*--------------------------------------------------------------
10. Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1. Links
--------------------------------------------------------------*/
a {color:#323232;text-decoration: inherit;}

a:focus {outline: none;}

a:hover,
a:focus,
a:active {}

a:hover,
a:active {outline: 0;}
*{
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/*--------------------------------------------------------------
11.1. Top Header
--------------------------------------------------------------*/
#tophead {background: #222;padding: 0px 0;}

.top_tl{ color:#fff;float:left;line-height: 0.8; padding:14px 0}


.quick-contact {float: right;margin-top: 0;}
.quick-link {float: right;}
.quick-contact li {clear: inherit;float: left;font-size: 14px;line-height: 0.8;list-style: outside none none;text-align: left;font-weight: 400;margin-left: 12px;padding: 10px 15px 10px 0px;color: #cecece;}
.quick-contact li:first-child {margin-left: 0;}
.quick-contact li i {color: #ffffff;display: inline-block;font-size: 11px;margin-right: 5px;border: 2px solid #757575;height: 23px;width: 24px;text-align: center;padding: 4px;border-radius: 100%;}
.quick-contact a {display: inline-block;color: #cecece;}







/*头部*/
.topline_bg{height: auto; overflow:hidden; background:url(../images/top_bg.jpg) no-repeat center;padding: 0;}
.topline{width:1280px; margin: 0 auto; height:96px; z-index:9;}
.top_logo{ width:25%; float:left;}
.top_logo a img{max-width:100%; height:auto; overflow:hidden; display:block; padding:5% 0 0 2%}


/*导航栏*/
.menuline{ width:74.2%;  float:right; }
#menu ul{ width:100%; height: auto; overflow:hidden}
#menu ul li{ width:14.285%; float:left; font-size:16px; font-weight:bold; line-height:96px; text-align:center;color:#000}
#menu ul li a{ display:block;}
#menu ul li a:hover{ color:#236fb6; display:block; transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.navon a{color:#236fb6;}


/* 手机站头部 */
.topline-m{

	top: 0;
	/*height: 80px;*/
	padding-top: 1px;
	z-index: 9999;
	background: #FFFFFF;
	display: none;
	width:100%
}
.logo-m{
	width: 30%;

	padding:10px;
}
.logo-m img{
	width: 100%;
}
.menu-m{
	position: absolute;
	top: 25px;
	right: 10px;
}
.menu-m img{

}
.topline-m .nav_hide{
	position: absolute;
	left: 0;
	z-index:10000;
	width: 100%;
	background:rgba(0, 0, 0, 0.7);
	padding: 0 5%;
	letter-spacing: 1px;
	display: none;
}
.nav_hide li{height:54px;line-height:54px;border-bottom:1px #666 solid;}
.nav_hide li:nth-child(1){ border-top:none;}
.nav_hide li:nth-child(9){ border-bottom:none;}
.nav_hide li a{display:block;font-size:16px;color:#fff;text-align:center;}


@media (max-width:1299px) {
	.topline_bg{background:url(../images/top_bg1.jpg) no-repeat center;}
	.topline{width:960px;}
}
@media (max-width:1024px) {
	.top_logo{padding-top:10px}
}
@media (max-width: 990px) {
	.topline_bg{background:none}
	.topline {width:100%}
	.top_logo{ width:25.8%; height:96px}
	 .top_logo a img{padding:5% 2% 0 2%}
	
}


@media (max-width:768px) {
	.topline{display: none;}
	#tophead{display: none;}
}

@media (max-width:768px) {
	.logo a img{width: 50%;}
	.topline-m{display: block;}
}

@media (max-width:600px) {
	.logo-m{width: 35%;}
	.menu-m{top:20px}
}
@media (max-width:420px) {
	.logo-m{width: 45%; margin-top:5px}
}



/*--------------------------------------------------------------
18.12.  产品展示
--------------------------------------------------------------*/

.in_title{width:100%; height:auto; overflow:hidden; text-align:center; margin-bottom:15px}
.in_title p{font-size:14px; color:#999}
.in_title h2 a{font-size:46px; color:#000; font-weight:normal; display:inline-block}

.overlay:before {background: rgba(0, 0, 0, 0.76);bottom: 0;height: 100%;content: "";display: block;left: 0;opacity: 0;position: absolute;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
.item-inner-wrapper:hover .overlay:before {bottom: 0;opacity: 0.9;}
.item-inner-wrapper {position: relative;overflow: hidden;text-align: center;}
.item-inner-wrapper .portfolio-content {visibility: hidden;margin: 0;opacity: 0;position: absolute;width: 100%;bottom: -36%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;padding: 40px;}
.item-inner-wrapper:hover .portfolio-content {opacity: 1;visibility: visible;bottom: 10px;}
a.zoom-icon i {text-align: center;font-size: 30px;color: #ffffff;padding: 0;border-radius: 100%;height: 40px;width: 40px;margin: 0 auto;display: block;}
a.zoom-icon {position: absolute;top: 30%;z-index: 999;width: 100%;text-align: center;left: 0;visibility: hidden;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.item-inner-wrapper:hover a.zoom-icon {top: 34%;visibility: visible;}
.portfolio-content p,
.portfolio-content h3 a {color: #fff;}
.portfolio-content h3 {margin-bottom: 5px;font-weight: 600;font-size: 24px;}
.portfolio-content h3 a:hover {color: #00479d;}
/*.isotope-item {z-index:2;}
.isotope-hidden.isotope-item {pointer-events:none;z-index:1;}
.isotope,.isotope .isotope-item {-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;}
.isotope {-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width;}
.isotope .isotope-item {-webkit-transition-property:0 opacity;-moz-transition-property:0 opacity;-ms-transition-property:0 opacity;-o-transition-property:0 产品opacity;transition-property:transform, opacity;}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0;}

/*Portfolio single page*/
/*
.list-check li:before {content: "\f00c";font-family: 'Font Awesome 5 Free';margin-right: 15px;color: #00479d;font-size: 13px;display: inline-block;margin-top: 0px;font-weight: 900;float: left;}
.list-check{padding-left: 0;margin-left: 0;}
.list-check li {list-style: none;}
.portfolio-info li strong {float: left;width: 50%;}
.portfolio-single-main .social-links {text-align: left;}*/

/*--------------------------------------------------------------
18.13 关于我们
--------------------------------------------------------------*/
.in_about_bg{width:100%; height:auto; overflow:hidden; margin-top:60px; background:url(images/in_about_bg.jpg) no-repeat center 180px;}
.in_about_l{width:33%; float:left; height:auto; overflow:hidden; position:relative}
.in_about_l_t{width:96%; height:auto; overflow:hidden; background-color:#fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); position: relative; margin:2%; padding:16% 7%; border-radius:0 20px 0 20px; display:block}
.in_about_title{ font-size:50px; color:#7f7f7f; font-family:Arial, Helvetica, sans-serif; line-height:50px}
.in_about_title font{display:block}
.in_about_bt{margin-top:180px;}
.in_about_bt span{width:50px; height:3px; background-color:#fcca12; display:block}
.in_about_bt a{color:#000; font-size:24px; line-height:50px}
.in_about_bt p{ margin-top:20px; padding-bottom:30px}

.in_about_l_b{ width:96%; height:auto; overflow:hidden; background-color:#236fb6; position: relative; margin:15px 2% 2%; padding:15% 5%; border-radius:20px 0 20px 0; display:block; text-align:center;}
.in_about_l_b a{color:#fff; font-size:16px}
.in_about_l_b a img{margin-right:10px}
.in_about_l_b a span{display:block; font-size:46px; font-weight:bold;}

.in_about_r{width:64%; float:right;  line-height:30px}
.in_num{width:100%; height:auto; overflow:hidden}
.in_num dl{width:25%; float:left; text-align:center}
.in_num dl dt{font-size:18px; color:#236fb6; line-height:48px; margin-top:10px}
.in_num dl dt span{font-size:46px; font-weight:bold; color:#236fb6; margin-right:5px}
.in_num dd{font-size:14px; color:#666}

.in_about_nr{margin-top:50px; color:#fff; display: -webkit-box;
				-webkit-line-clamp:7;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				overflow: hidden;}
.in_about_kl{width:100%; height:auto; overflow:hidden; margin-top:50px}
.in_about_kl ul li{width:32%; float:left; margin-right:2%;overflow: hidden;position: relative;}
.in_about_kl ul li:nth-child(3){margin-right:0}


.in_about_kl ul li a img  { width:100%; height:auto; overflow:hidden;margin: 0;vertical-align: middle;-webkit-transition: -webkit-transform 1s ease;-moz-transition: -moz-transform 1s ease;transition: transform 1s ease;}
.in_about_kl ul li a:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center;transform-origin: center center;}

.in_about_kl ul li h3.feature-title {position: absolute;bottom: 0;text-align: center;width: 100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;visibility: hidden;font-size: 22px;font-weight: 700;background: #fff;left: 5%;right: 5%;width: 90%;bottom: 0;padding: 12px;margin: 0;}
.in_about_kl ul li:hover  h3.feature-title {visibility: visible;bottom: 5%;}

@media only screen and (max-width:1200px){
	.in_num dd{font-size:13px}
	.in_about_nr{-webkit-line-clamp:7;}
	.in_about_kl{margin-top:85px}
	.in_about_l_b a span{font-size:40px}
	.in_num dl dt span{font-size:34px}
	
}

@media only screen and (max-width:768px){
	.in_about_bg{margin-top:20px;background:url(images/in_about_bg.jpg) no-repeat center 90%;}
	.in_about_l{width:100%; float:none}
	.in_about_l_t{padding:5%}
	.in_about_title font{display: inline}
	.in_about_bt{margin-top:20px}
	.in_about_bt p{margin-bottom:0}
	.in_about_l_b{ padding:5%}
	.in_about_r{width:100%; float:none}
	.in_about_nr{-webkit-line-clamp:10;}
}

@media only screen and (max-width:640px){
	.in_about_bg{background:url(images/in_about_bg.jpg) no-repeat center 95%;}
	.in_num dl{width:50%;}
	.in_about_nr{-webkit-line-clamp:8;}
}


@media only screen and (max-width:520px){
	.in_about_bg{background:url(images/in_about_bg.jpg) no-repeat center 34%;}
	.in_about_kl ul li{width:100%; margin-right:0; margin-bottom:20px}
	
}
@media only screen and (max-width:470px){
	.in_about_bg{background:url(images/in_about_bg.jpg) no-repeat center 36%;}	
}
@media only screen and (max-width:430px){
	.in_about_bg{background:url(images/in_about_bg.jpg) no-repeat center 38%;}	
}
@media only screen and (max-width:410px){
	.in_about_bg{background:url(images/in_about_bg.jpg) no-repeat center 40%;}	
}
@media only screen and (max-width:390px){
	.in_about_bg{background:url(images/in_about_bg.jpg) no-repeat center 42%;}
	.in_about_l_b a span{font-size:36px}	
}

@media only screen and (max-width:360px){
	.in_about_bg{background:url(images/in_about_bg.jpg) no-repeat center 43%;}
	.in_about_title{font-size:42px}
}
@media only screen and (max-width:340px){
	.in_about_bg{background:url(images/in_about_bg.jpg) no-repeat center 44%;}
	.in_about_nr{-webkit-line-clamp:9;}
	.in_num dl dt span{font-size:34px}

}
@media only screen and (max-width:320px){

.in_about_l_b a span{font-size:32px}
.in_about_nr{-webkit-line-clamp:10;}
}



/*工程案例*/
.in_case_bg{margin-top:60px; width:100%; height:auto; overflow:hidden}
.in_case{width:100%; height:auto; overflow:hidden; }

.cont {
  position: relative;
  overflow: hidden;
  height: 80vh;
 padding: 0;margin-top:20px
 /*background:url(../images/bg.jpg) no-repeat center*/
}
.cont__inner {
  position: relative;
  height: 100%;
}
.cont__inner:hover .el__bg:after {
  opacity: 1;
}

.el {
  position: absolute;
  left: 0;
  top: 0;
  width: 24%;
  height: 100%;
  background: #000;
  -webkit-transition: width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s;
  transition: width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s;
  transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s;
  transition: transform 0.6s 0.7s, width 0.7s, opacity 0.6s 0.7s, z-index 0s 1.3s, -webkit-transform 0.6s 0.7s;
  will-change: transform, width, opacity;
}
.el:not(.s--active) {
  cursor: pointer;
}
.el__overflow {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.el__inner {
  overflow: hidden;
  position: relative;
  height: 100%;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.cont.s--inactive .el__inner {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.el__bg {
  position: relative;
  width: calc(100vw - 0px);
  height: 100%;
  -webkit-transition: -webkit-transform 0.6s 0.7s;
  transition: -webkit-transform 0.6s 0.7s;
  transition: transform 0.6s 0.7s;
  transition: transform 0.6s 0.7s, -webkit-transform 0.6s 0.7s;
  will-change: transform;
}
.el__bg:before {
  content: "";
  position: absolute;
  left: 0;
  top: -5%;
  width: 100%;
  height: 110%;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}
.cont.s--inactive .el__bg:before {
  -webkit-transform: translate3d(0, -100%, 0) scale(1.2);
          transform: translate3d(0, -100%, 0) scale(1.2);
}
.el.s--active .el__bg:before {
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.el__bg:after {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.cont.s--el-active .el__bg:after {
  -webkit-transition: opacity 0.5s 1.4s;
  transition: opacity 0.5s 1.4s;
  opacity: 1 !important;
}
.el__preview-cont {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s 1.2s;
  transition: all 0.3s 1.2s;
}
.cont.s--inactive .el__preview-cont {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.cont.s--el-active .el__preview-cont {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.el__heading {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  background:rgba(0,0,0,0.6); padding:10px 25px
}
.el__content {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 80px 150px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.el.s--active .el__content {
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0.5s 1.4s;
  transition: all 0.5s 1.4s;
}
.el__text {
  text-transform: uppercase;
  
  color: #fff;
}
.el__text h3{font-size: 40px; color:#fff}
.el__text p{margin-top:60px; font-size:15px; line-height:32px}
.el__text span{margin-top:60px; width:120px; border:1px solid #fff; line-height:40px; text-align:center; display:block}
.el__text span a{font-size:15px; width:120px; color:#fff; line-height:40px; text-align:center}
.el__close-btn {
  z-index: -1;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 60px;
  height: 60px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0s 0.45s;
  transition: all 0s 0.45s;
  cursor: pointer;
}
.el.s--active .el__close-btn {
  z-index: 5;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0s 1.4s;
  transition: all 0s 1.4s;
}
.el__close-btn:before, .el__close-btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 8px;
  margin-top: -4px;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}
.el.s--active .el__close-btn:before, .el.s--active .el__close-btn:after {
  opacity: 1;
}
.el__close-btn:before {
  -webkit-transform: rotate(45deg) translateX(100%);
          transform: rotate(45deg) translateX(100%);
}
.el.s--active .el__close-btn:before {
  -webkit-transition: all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57);
  transition: all 0.3s 1.4s cubic-bezier(0.72, 0.09, 0.32, 1.57);
  -webkit-transform: rotate(45deg) translateX(0);
          transform: rotate(45deg) translateX(0);
}
.el__close-btn:after {
  -webkit-transform: rotate(-45deg) translateX(100%);
          transform: rotate(-45deg) translateX(100%);
}
.el.s--active .el__close-btn:after {
  -webkit-transition: all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57);
  transition: all 0.3s 1.55s cubic-bezier(0.72, 0.09, 0.32, 1.57);
  -webkit-transform: rotate(-45deg) translateX(0);
          transform: rotate(-45deg) translateX(0);
}
.el__index {
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -80px;
  width: 100%;
  height: 100%;
  min-height: 250px;
  text-align: center;
  font-size: 20vw;
  line-height: 0.85;
  font-weight: bold;
  -webkit-transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;
  transition: opacity 0.3s 1.4s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s 1.4s;
  transition: transform 0.5s, opacity 0.3s 1.4s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 1vw, 0);
          transform: translate3d(0, 1vw, 0);
}
.el:hover .el__index {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.cont.s--el-active .el__index {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
  opacity: 0;
}
.el__index-back, .el__index-front {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.el__index-back {
  color: #2f3840;
  opacity: 0;
  -webkit-transition: opacity 0.25s 0.25s;
  transition: opacity 0.25s 0.25s;
}
.el:hover .el__index-back {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 1;
}
.el__index-overlay {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.5s 0.1s;
  transition: -webkit-transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  color: transparent;
}
.el__index-overlay:before {
  content: attr(data-index);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: -webkit-transform 0.5s 0.1s;
  transition: -webkit-transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s;
  transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
}
.el:hover .el__index-overlay {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
		  
		  
}
.el:hover .el__index-overlay:before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.el:nth-child(1) {
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.cont.s--el-active .el:nth-child(1):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(0%, 0, 0);
          transform: scale(0.5) translate3d(0%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(1) .el__inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.el:nth-child(1) .el__bg {
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
}
.el:nth-child(1) .el__bg:before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-image: url(images/onepgscr-3.jpg);
}
.el:nth-child(2) {
  -webkit-transform: translate3d(105.2083333333%, 0, 0);
          transform: translate3d(105.2083333333%, 0, 0);
  -webkit-transform-origin: 155.2083333333% 50%;
          transform-origin: 155.2083333333% 50%;
}
.cont.s--el-active .el:nth-child(2):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(105.2083333333%, 0, 0);
          transform: scale(0.5) translate3d(105.2083333333%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(2) .el__inner {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.el:nth-child(2) .el__bg {
  -webkit-transform: translate3d(-19.2%, 0, 0);
          transform: translate3d(-19.2%, 0, 0);
}
.el:nth-child(2) .el__bg:before {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background-image: url(images/onepgscr-4.jpg);
}
.el:nth-child(3) {
  -webkit-transform: translate3d(210.4166666667%, 0, 0);
          transform: translate3d(210.4166666667%, 0, 0);
  -webkit-transform-origin: 260.4166666667% 50%;
          transform-origin: 260.4166666667% 50%;
}
.cont.s--el-active .el:nth-child(3):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(210.4166666667%, 0, 0);
          transform: scale(0.5) translate3d(210.4166666667%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(3) .el__inner {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.el:nth-child(3) .el__bg {
  -webkit-transform: translate3d(-38.4%, 0, 0);
          transform: translate3d(-38.4%, 0, 0);
}
.el:nth-child(3) .el__bg:before {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  background-image: url(images/onepgscr-5.jpg);
}
.el:nth-child(4) {
  -webkit-transform: translate3d(315.625%, 0, 0);
          transform: translate3d(315.625%, 0, 0);
  -webkit-transform-origin: 365.625% 50%;
          transform-origin: 365.625% 50%;
}
.cont.s--el-active .el:nth-child(4):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(315.625%, 0, 0);
          transform: scale(0.5) translate3d(315.625%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(4) .el__inner {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.el:nth-child(4) .el__bg {
  -webkit-transform: translate3d(-57.6%, 0, 0);
          transform: translate3d(-57.6%, 0, 0);
}
.el:nth-child(4) .el__bg:before {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  background-image: url(images/onepgscr-6.jpg);
}
.el:nth-child(5) {
  -webkit-transform: translate3d(420.8333333333%, 0, 0);
          transform: translate3d(420.8333333333%, 0, 0);
  -webkit-transform-origin: 470.8333333333% 50%;
          transform-origin: 470.8333333333% 50%;
}
.cont.s--el-active .el:nth-child(5):not(.s--active) {
  -webkit-transform: scale(0.5) translate3d(420.8333333333%, 0, 0);
          transform: scale(0.5) translate3d(420.8333333333%, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: opacity 0.95s, -webkit-transform 0.95s;
  transition: transform 0.95s, opacity 0.95s;
  transition: transform 0.95s, opacity 0.95s, -webkit-transform 0.95s;
}
.el:nth-child(5) .el__inner {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.el:nth-child(5) .el__bg {
  -webkit-transform: translate3d(-76.8%, 0, 0);
          transform: translate3d(-76.8%, 0, 0);
}
.el:nth-child(5) .el__bg:before {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  background-image: url(images/onepgscr-7.jpg);
}
.el:hover .el__bg:after {
  opacity: 0;
}
.el.s--active {
  z-index: 1;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: width 0.7s 0.7s, z-index 0s, -webkit-transform 0.6s;
  transition: width 0.7s 0.7s, z-index 0s, -webkit-transform 0.6s;
  transition: transform 0.6s, width 0.7s 0.7s, z-index 0s;
  transition: transform 0.6s, width 0.7s 0.7s, z-index 0s, -webkit-transform 0.6s;
}
.el.s--active .el__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.el.s--active .el__bg:before {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}


@media only screen and (max-width:768px){
	.cont{height:55vh}
	.el__content{padding:50px}
}
@media only screen and (max-width:560px){
	.in_case_bg{margin-top:30px}
	.el__content{padding:30px 15px}
	.el__text h3{font-size:28px}
	.el__text p{margin-top:30px; font-size:14px; display: -webkit-box;
				-webkit-line-clamp:4;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				overflow: hidden;}
	.el__close-btn{width:35px; height:35px}
	.el__close-btn:before, .el__close-btn:after{height:5px}
}


/*新闻资讯*/
.in_news_bg{width:100%; height: auto; overflow:hidden; margin-top:60px; position:relative}
.in_news{width:100%; height: auto; overflow:hidden; margin-top:30px; position:relative}
.in_news_l{width:60%; float:left; height:auto; overflow:hidden; position:relative}
.in_news_l img{width:100%; height:auto; overflow:hidden; position:relative}
.in_news_r{width:37%; float: right; height:auto; overflow:hidden; position:relative}
.in_news_r img{width:100%; height:auto; overflow:hidden; position:relative}
.in_news a{position:absolute; bottom:7%; left:25px; width:150px; background:rgba(0,0,0,0.6); color:#fff; font-size:26px; text-align:center; padding:5px 0}

@media only screen and (max-width:560px){
	.in_news_l{width:100%; float:none}
	.in_news_r{width:100%; float:none; margin-top:20px}
}


/*合作伙伴*/
.in_hzhb_bg{width:100%; height: auto; overflow:hidden; margin-top:60px; position:relative; background-color:#f8f8f8; padding:60px 0}
.in_hzhb{width:100%; height: auto; overflow:hidden; margin-top:30px; position:relative}
.in_hzhb ul li{width:18.4%; float:left; margin-right:2%; margin-top:20px}
.in_hzhb ul li:nth-child(5n){margin-right:0}
.in_hzhb ul li img{ width:100%; height:auto; overflow:hidden; border:1px solid #dadada;border-radius:10px  ; display:inline-block}

@media only screen and (max-width:768px){
	.in_hzhb ul li{width:32%; float:left; margin-right:2%; margin-top:20px}	
	.in_hzhb ul li:nth-child(3n){margin-right:0}
	.in_hzhb ul li:nth-child(5){margin-right:2%}
	.in_hzhb ul li:nth-child(10){margin-right:2%}
}



/*友情链接*/
.in_yqlj_bg{width:100%; height: auto; overflow:hidden;position:relative; background-color:#e5e5e5; padding:15px 0}
.in_yqlj{width:100%; height: auto; overflow:hidden; color:#222; font-size:15px}
.in_yqlj a{color:#666; margin-right:5px; font-size:13px}







/*--------------------------------------------------------------
13.1. Custom Gird
--------------------------------------------------------------*/

.full-with-stretch .container {padding:0;width: 100%;}
.boxed-with {max-width: 1180px;}
.container {width: 100%;padding: 0;}
.container {width: 1280px;margin: 0 auto;/*padding-left: 25px;padding-right: 25px;*/max-width: 100%;}
.container::after,
.inner-wrapper::after {clear: both;content: "";display: table;}
.boxed-layout #page {width: 1300px;margin: 30px auto;max-width: 100%;background: #fff;box-shadow: 0 0 26px #d8d7d7;}

.inner-wrapper:before,
.inner-wrapper:after {content: " ";display: table}
.inner-wrapper:after {clear: both}
.wrapper-fluid {margin: 0;padding: 0;}

.wrapper-fluid .col-grid-1,
.wrapper-fluid .col-grid-2,
.wrapper-fluid .col-grid-3,
.wrapper-fluid .col-grid-4,
.wrapper-fluid .col-grid-5,
.wrapper-fluid .col-grid-6,
.wrapper-fluid .col-grid-7,
.wrapper-fluid .col-grid-8,
.wrapper-fluid .col-grid-9,
.wrapper-fluid .col-grid-10,
.wrapper-fluid .col-grid-11,
.wrapper-fluid .col-grid-12 {margin: 0;}

.col-grid-1,
.col-grid-2,
.col-grid-3,
.col-grid-4,
.col-grid-5,
.col-grid-7,
.col-grid-8,
.col-grid-9,
.col-grid-10,
.col-grid-11,
.col-grid-12 {padding-left: 20px;padding-right: 20px;float: left;margin: 25px 0 25px 0;transition: all 0.4s ease-in-out 0s;}
.col-grid-1 {width: 8.33333%}
.col-grid-2 {width: 16.66667%}
.col-grid-3 {width: 25%}
.col-grid-4 {width: 33.33333%}
.col-grid-5 {width: 41.66667%}
.col-grid-6 {width: 50%; padding-left: 10px;padding-right: 10px;float: left;margin: 25px 0 25px 0;transition: all 0.4s ease-in-out 0s;}
.col-grid-7 {width: 58.33333%}
.col-grid-8 {width: 66.66667%}
.col-grid-9 {width: 75%}
.col-grid-10 {width: 83.33333%}
.col-grid-11 {width: 91.66667%}
.col-grid-12 {width: 100%}
.grid-container {background: #f1f1f1;padding: 10px 15px;border-radius: 3px;}
.col-grid-1 span {font-size: 12px;text-align: center;}
.icon-list-demo i {text-align: center;vertical-align: middle;font-size: 24px;border: 1px solid #f9f9f9;width: 50px;height: 50px;line-height: 50px;margin-right: 12px;color: rgba(43, 61, 81, 0.7);border-radius: 3px;display: inline-block;transition: all 0.2s;}

.img-circle {border-radius: 50%;}
.img-rounded {border-radius: 6px;}
img.img-border {border: 1px solid #ddd;padding: 5px;}
img.img-shadow {box-shadow: 0px 8px 40px #bfc0c1;}
::-moz-selection {color: #fff;background: #00479d;}
::selection {color: #fff;background: #00479d;}
.icon-social-demo .social-links {text-align: left;}

/*--------------------------------------------------------------
13.2. Post And Single Post Meta
--------------------------------------------------------------*/




/*--------------------------------------------------------------
13.3. Comments
--------------------------------------------------------------*/

.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}
.comment-notes {position: relative;}
#respond {clear: both;display: block;background: #fcfcfc;padding: 40px;}
#comments {margin-top: 40px;}
#comment-form-title {font-size: 24px;padding-bottom: 10px;}
.comment-list li.comment::after {content: inherit;display: none;}
.comment-list li{padding-left: 0;}
.comment {display: block;float: left;width: 100%;}
ol.comment-list {border-radius: 5px;float: left;margin-bottom: 15px;margin-left: 0;margin-right: 0;overflow: inherit;padding: 0;width: 100%;}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 0;
    width: 100%;
}

ol.comment-list li {list-style: outside none none;margin-bottom: 15px;}

.authorbox {
    overflow: hidden;
    padding: 0 0 70px;
    border-bottom: 1px solid #f7f7f7;
}

.authorbox h4.author-header {margin-bottom: 5px;}
.comment .comment-body {border-radius: 0;clear: both;display: block;float: left;padding: 30px 30px 30px 0;position: relative;text-align: left;width: 100%;border-bottom: 1px solid #f7f7f7;}
.comments-title {
    padding: 0 0 45px;
    clear: both;
    border-bottom: 1px solid #f7f7f7;
    font-size: 25px;
}

.comment-author.vcard {font-size: 20px;margin-bottom: 5px;}
.comment-list .children {padding-left: 40px;}
#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url{width: 100%;}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input{width: 100%;}

.comment-list li.comment > div img.avatar {left: 29px;position: absolute;top: 29px;}

.vcard .avatar {float: left;margin-right: 35px;margin-bottom: 0;margin-top: 10px;}
.comment-metadata {font-size: 14px;line-height: 16px;margin-bottom: 10px;}

.comment-metadata > a {color: #ada9a9;margin-right: 30px;}
.comment-metadata > a:before {content: "\f274";font-family: 'Font Awesome 5 Free';margin-right: 5px;font-size: 14px;}
.edit-link:before {content: "\f044";font-family: 'Font Awesome 5 Free';margin-right: 5px;font-size: 14px;}
a.comment-reply-link:before {content: "\f3e5";font-family: 'Font Awesome 5 Free';margin-right: 7px;font-size: 14px;font-weight: 900;}
.form-allowed-tags code {white-space: inherit;word-wrap: break-word;}
.bypostauthor {display: block;}
.author-avatar {float: left;margin-right: 35px;}
.author-avatar img, .vcard .avatar {max-width: 100px;}
.comment p {font-size: 14px;}
.reply {float: right;font-size: 16px;}
.entry-meta .byline .author.vcard {margin-left: -4px;}
.entry-footer > span::before, .entry-meta > span::before {display: inline-block;font-family: 'Font Awesome 5 Free';height: 15px;margin-right: 8px;content: "";font-size: 13px;}
.entry-meta span.comments-link::before {content: "\f086";}
.entry-meta > .cat-links::before {content: "\f07c";}
.entry-meta > .byline::before {content: "\f007";}
.entry-meta .tags-links::before {content: "\f02c";font-weight: 900;font-size: 10px;}
.entry-meta > .posted-on::before {content: "\f274";}
.entry-footer .edit-link::before{content: "\f044";}
#commentform label {display: inline;position: relative;}
#commentform input[type="checkbox"],
#commentform input[type="radio"] {margin-right: 10px;}
#commentform  p.form-submit {margin-top: 30px;}
#commentform  span.required {color: #f0632b;}

/*--------------------------------------------------------------
13.4. Blog
--------------------------------------------------------------*/

article.hentry.post.blog-grid .entry-thumb {max-width: 100%;float: none;}
article.hentry.post.blog-grid {width: 33.33%;float: left;padding: 10px 30px;float: left;clear: none;border: none;}
article.hentry.post.blog-grid .entry-meta {margin-bottom: 10px;}
article.hentry.post.blog-grid .entry-content-wrapper {background: #fdfdfd;padding: 30px;text-align: center;box-shadow: 0 0 33px #eaeaea;}
.entry-content a,
.entry-header a {display: inline-block;}

/*--------------------------------------------------------------
13.5. Sidebar
--------------------------------------------------------------*/

#sidebar-primary {float: right;}
#sidebar-secondary {float: left;}
.sidebar {width: 30%;padding-left: 25px;padding-right: 25px;float: left;}
.sidebar .widget {margin-bottom: 40px;padding: 30px;box-shadow: 0 0 55px #f3f3f3;}
.widget-area .widget::after,
.widget-area .widget::before {clear: both;content: "";display: table;}
.sidebar .widget-title {position: relative;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 30px;}
.sidebar .widget-title:after {background: #00479d;position: absolute;bottom: -2px;content: "";width: 20%;height: 3px;left: 0;}
.sidebar ul {list-style: outside none none;padding: 0;margin: 0;}
.sidebar ul ul {border-bottom:none;padding-bottom: 0;}
.sidebar ul li {padding-bottom: 5px;padding-top: 5px;position: relative;padding-right: 15px;font-size: 15px;}
.sidebar ul li::before {content: "\f105";display: inline-block;font-family: 'Font Awesome 5 Free';font-size: 13px;right: 0;position: absolute;top: 8px;font-weight: 900;}
.widget .tagcloud a:hover {border: 2px solid #00479d;color: #00479d;}
.widget .tagcloud a {border: 2px solid #dddddd;display: inline-block;font-size: 14px !important;line-height: 1.5;margin: 5px;padding: 3px 15px;float: left;border-radius: 20px;color: #222;}
.widget .tagcloud {text-align: center;}
.sidebar ul li a,
.sidebar  ul li a:visited {color: #272727;}
.sidebar  ul li a:hover,
.sidebar  ul li a:focus,
.sidebar  ul li a:active {color:#00479d;}
/*calendar section*/
.section-calendar {text-align: center;}
.section-calendar caption {border:1px solid #ddd;margin-bottom: 15px;padding: 5px;}
.section .tagcloud a {border: 1px solid;display: inline-block;font-size: 16px;line-height: 1.5;margin-bottom: 5px;padding: 5px 15px;}

.section-categories li > a,
.section-archive li > a {display: inline-block;min-width: 85%;}

/*  layout sidebar*/

.global-layout-left-sidebar #primary {float: right;}
.three-columns-enabled #primary {display: inline-block;float: none;width: 46%;}
.global-layout-three-columns .sidebar {float: right;}
.three-columns-enabled .sidebar {width: 27%;}
#content.global-layout-no-sidebar,
.global-layout-no-sidebar > .container {width: 100%;padding: 0;}
.global-layout-no-sidebar-box > .container {padding: 0;}
.global-layout-no-sidebar #primary {width: 100%;}

.equal-three-columns-enabled  #primary,
.equal-three-columns-enabled  .sidebar {width: 33.33%;}

#content.global-layout-no-sidebar > .container > .inner-wrapper {margin: 0;}
.global-layout-no-sidebar #primary {width: 100%;padding: 0;margin: 0;}

/* Global layout sidebar*/

.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {float: left;}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {float: right;}

.global-layout-three-columns-cps #primary {float: left;}

.default-full-width.blog-full-width #primary {width: 100%;max-width: 930px;margin: 0 auto;float: none;}

.default-full-width.blog-grid-layout #primary,
.default-full-width #primary {width: 100%;max-width: 100%;}

.default-full-width.blog-grid-layout #primary article.hentry {border: none;}

.default-full-width.blog-grid-layout .entry-content,
.default-full-width.blog-grid-layout .entry-meta,
.default-full-width.blog-grid-layout .entry-header {padding: 0 35px;}
.default-full-width.blog-grid-layout .entry-content {padding-bottom: 30px;}

/*--------------------------------------------------------------
14. Widget
--------------------------------------------------------------*/

.section,
.widget {margin: 0 0 15px;}

/* Make sure select elements fit in widget. */
.section select,
.widget select {max-width: 100%;}

/*--------------------------------------------------------------
15. Footer
--------------------------------------------------------------*/

#colophon-top {padding: 15px 0 0;background: #161616;}
#colophon-top .social-links {float: right;}
#colophon {background-color: #161616;clear: both;font-size: 14px;text-align: center;padding: 25px 0;}
#colophon p {margin: 0; color:#fff}
#colophon a,
#colophon a:visited {color:#ccc;}

#colophon a:hover,
#colophon a:focus,
#colophon a:active {color:#fff;}
.site-info {float: right;}
.copyright {float: left;}


/*--------------------------------------------------------------
16. Footer Widgets
--------------------------------------------------------------*/

#footer-widgets {background-color: #00315f;overflow: hidden;padding: 50px 0;color: #fff;font-size: 16px;position: relative;z-index: 9;background-attachment: fixed;}
#footer-widgets.footer-v2 {background: #f5f5f5;color: #222;}
#footer-widgets.footer-v2 a:hover {color:#000;}
#footer-widgets.footer-v2 .widget-title {color:#222;}
#footer-widgets ul {list-style: none;margin: 0;padding: 0;}
.footer-widget-area ul li {font-size: 14px;padding: 0px 15px 10px 20px;position: relative;}
.footer-widget-area:nth-child(4) ul li{padding: 0px 15px 10px 0px;}
.footer-widget-area ul li a::before {color: #fdc95f;content: "\f105";display: inline-block;font-family: 'Font Awesome 5 Free';font-size: 13px;left: 3px;position: absolute;top: 2px;font-weight: 900;}
.footer-widget-area1 ul li { width:50%; float:left; font-size: 14px;padding: 0px 15px 10px 20px;position: relative;}
.footer-widget-area1 ul li a::before {color: #fdc95f;content: "\f105";display: inline-block;font-family: 'Font Awesome 5 Free';font-size: 13px;left: 3px;position: absolute;top: 2px;font-weight: 900;}

#footer-widgets .footer-widget-area {float: left;padding: 0 5px;width: 25%;font-size: 14px;color: rgba(255,255,255,0.8);}
#footer-widgets .footer-widget-area1 {float: left;padding: 0 5px;width: 25%;font-size: 14px;color: rgba(255,255,255,0.8);}
a.footer-logo {margin-top: 30px;display: block;}
#footer-widgets a, #footer-widgets a:visited {color: rgba(255,255,255,0.8);}

#footer-widgets a:hover,
#footer-widgets a:active,
#footer-widgets a:focus {color: #fff;}
#footer-widgets .footer-active-1 {width: 100%;}
#footer-widgets .footer-active-2 {width: 50%;}
#footer-widgets .footer-active-3 {width: 17%;}
#footer-widgets .footer-active-3:nth-child(4) {width: 24%;}
#footer-widgets .footer-active-3:nth-child(5) {width: 25%;}
#footer-widgets .footer-active-4 {width: 25%;}
#footer-widgets .widget-title {color: #fff;font-weight: 500;margin-bottom: 30px;position: relative;font-size: 22px;}
#footer-widgets .cat-count {float: right;}
#colophon-top .social-links li a {border: 2px solid transparent;}

/*Footer Navigation*/

#footer-navigation {float: left;margin-top: 7px;}
#footer-navigation li {display: inline-block;list-style: outside none none;}
#footer-navigation li a {display: block;margin-right: 15px;text-transform: capitalize;color: #727272;padding: 5px 0;}
#footer-navigation li a:hover {color: #00479d;}

#footer-navigation ul {margin: 0;padding: 0;}

.quick-contact-widget {padding: 75px 0;color: #fff;}
.quick-contact-widget h2, .quick-contact-widget h5 {color: #fff;margin-bottom: 20px;}

/*Quick Contact Widget*/

.quick-contact-widget span {display: block;font-size: 15px;clear: both;color: #fff;}
.quick-contact-widget .quick-contact-item {float: left;width: 33.33%;text-align: center;padding: 15px 0;}
.quick-contact-widget .quick-contact-widget{margin: 0 -15px;padding: 0;list-style: none;}
.quick-contact-widget i {font-size: 19px;border: 2px solid #ddd;display: inline-block;text-align: center;padding: 15px;height: 55px;width: 55px;margin-bottom: 10px;border-radius: 100%;}

.inner-quick-contact-wrapper {text-align:center;}
.contact-page .inner-quick-contact-wrapper {text-align: center;}
.quick-contact-widget h3 {margin-bottom: 20px;}
.recent-posts-widget p {margin-bottom: 10px;font-style: italic;font-size: 13px;}
.recent-posts-widget ul li,
#footer-widgets .recent-posts-widget ul li {padding:0;}
#footer-widgets .recent-posts-widget ul li:before,
#footer-widgets .social-links ul li:before {display: none;}
.recent-posts-widget h4 {margin: 0;font-weight: 500;color: #fff;line-height: 1.5;font-size: 17px;}
.sidebar .recent-post-item {clear: both;margin-bottom: 15px;overflow: hidden;}
#footer-widgets .social-links ul li {display: inline-block;margin-right: 5px;margin-top: 0;padding: 0;}
#footer-widgets .social-links {float: left;margin-top: 20px;}
.recent-posts-widget img {max-width: 105px;margin-right: 25px;}

#footer-widgets #contactform textarea,
#footer-widgets #contactform input {margin-bottom: 10px;background: #2e363a;border: 1px solid #504b4b;}
#footer-widgets #comments {height: 80px!important;}
#footer-widgets #contactform button#submit {margin: 5px 0 0;}


.footer{width:100%; height:auto; overflow:hidden; text-align:center; border-top:1px solid rgba(255,255,255,0.4); margin-top:20px; padding-top:15px; font-size:14px}
.footer a{color:#fff}

/*--------------------------------------------------------------
17. Scrollup Style
--------------------------------------------------------------*/

#btn-scrollup {display: none;}
a.scrollup, a.scrollup:visited {background-color: #00479d;bottom: 50px;color: #ffffff;float: right;line-height: 1.2;padding: 12px 17px;position: fixed;right: 32px;text-align: center;z-index: 999;}
a.scrollup:hover,
a.scrollup:focus,
a.scrollup:active {background-color:#333;color: #ffffff;}

.scrollup i {font-size: 20px;}


/*--------------------------------------------------------------
18. Front page sections
--------------------------------------------------------------*/

#content {background: #fff;}

#content::after,
#content::before {content: "";display: table;clear: both;}

#content .section {margin-bottom: 0;padding: 90px 0;clear: both;}

#content .section.no-padding-btm {padding-bottom: 0;}

#content .section.no-padding-top {padding-top: 0;}

.top-space {padding-top: 80px;}


/*--------------------------------------------------------------
12. Featured slider
--------------------------------------------------------------*/

#content .section.section-featured-slider {padding: 0;}
.section-featured-slider {overflow: hidden;position: relative;z-index: 99;}
.section-featured-slider .featrued-slider {color: #686868;clear: both;position: relative;text-align: center;z-index: -1;}
.section-featured-slider .overlay-enabled article::after {content: "";display: block;height: 100%; position: absolute;top: 0;width: 100%;z-index: 888;/*background-color: #000;*/opacity: 0.7;}
.section-featured-slider img {width: 100%;vertical-align: middle;}
.section-featured-slider .cycle-slide {width: 100%;}
.section-featured-slider article.first {display: block;}
.section-featured-slider article {display: none;}
.section-featured-slider .cycle-slideshow {margin-bottom: 0;padding: 0;}
.section-featured-slider .cycle-caption {bottom: 26%;height: auto;left: 10%;max-width: 100%;padding: 0;position: absolute;transition: all 1s ease-in-out 0s;width: 80%;z-index: 999;}
.section-featured-slider .cycle-caption.text-alignleft {left: 15%;}
.section-featured-slider .cycle-caption.text-alignright {right: 15%;}
.section-featured-slider h3 {font-size: 70px;line-height: 1.1;margin-bottom: 20px;font-weight: 700;max-width: 100%;display: inline-block;}
.section-featured-slider h4 {color: #fff;}
.section-featured-slider p {font-size: 19px;color: #e2e1e1;font-weight: 400;width: 730px;max-width: 100%;display: inline-block;}
.section-featured-slider h3 a {color: #fff;display: inline-block;}
.section-featured-slider .slider-buttons{margin-top:30px;}
.section-featured-slider .slider-buttons .custom-button {padding: 15px 40px;font-size: 14px;text-transform: uppercase;line-height: 1.5;}

/*slider pager box*/

.section-featured-slider .cycle-pager span {background-color: #fff;cursor: pointer;display: inline-block;float: none;height: 12px;margin: 3px 5px;width: 12px;z-index: 99;border-radius: 30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.section-featured-slider .cycle-pager {bottom:5%;left: 0;position: absolute;text-align: center;width: 100%;z-index: 999;}
.section-featured-slider .cycle-pager .cycle-pager-active {background-color: #00479d;border-color:#fff;height: 30px;}

/*Slider cycle next / previous*/

.section-featured-slider .cycle-prev, .section-featured-slider .cycle-next {bottom: 50%;color: #ffffff;cursor: pointer;display: block;font-size: 20px;font-weight: normal;position: absolute;text-align: center;width: 55px;z-index: 999;height: 55px;padding: 5px;z-index: 999;line-height: 2.2;background: rgba(14, 14, 14, 0.26);transition: all 0.2s ease-in-out 0s;opacity: 0;}

.section-featured-slider:hover .cycle-prev,
.section-featured-slider:hover .cycle-next {opacity: 1;bottom:45%;}
.section-featured-slider .cycle-prev {left:2%;}
.section-featured-slider  .cycle-next {right:2%;}
.section-featured-slider .cycle-prev:hover,
.section-featured-slider .cycle-next:hover{background-color: #00479d;border-color: #00479d;color: #fff;}

/*Featured Banner */


.ban1{background:url(images/1.jpg) no-repeat center; height:704px}
.ban2{background:url(images/2.jpg) no-repeat center; height:704px}
.ban3{background:url(images/3.jpg) no-repeat center; height:704px}
.ban1 a img{display:none}
.ban2 a img{display:none}
.ban3 a img{display:none}


@media (max-width:1280px){
	.ban1{background: none; height: auto; overflow:hidden}
	.ban2{background:none; height: auto; overflow:hidden}
	.ban3{background:none; height: auto; overflow:hidden}
	.ban1 a img{display:block}
	.ban2 a img{display:block}
	.ban3 a img{display:block}
}

.section-featured-banner {position: relative;}
.section-featured-banner .banner-caption {bottom: 28%;height: auto;left: 15%;max-width: 100%;padding: 0;position: absolute;transition: all 1s ease-in-out 0s;width: 70%;z-index: 99;}
.section-featured-banner .featured-banner > a::after {content: "";display: block;height: 100%;position: absolute;top: 0;width: 100%;z-index: 9;background-color: #00479d;opacity: 0.9;}
.section-featured-banner h3 {font-size: 50px;}
.section-featured-banner h3 a {color: #fff;}
.section-featured-banner p {font-size: 20px;color: #fff;margin-bottom: 45px;}

/*--------------------------------------------------------------
18.2. News And Events
--------------------------------------------------------------*/

.section-recent-news-events .featured-news-events h3 {margin-bottom: 30px;padding-bottom: 20px;border-bottom: 2px solid #f7f7f7;font-weight: 600;}
.section-recent-news-events .featured-news-events h3::before {content: "";display: inline-block;font-family: 'Font Awesome 5 Free';margin-right: 15px;}
.section-recent-news-events .featured-news-events .recent-news h3::before{content: "\f1ea"}
.section-recent-news-events .featured-news-events .recent-events h3::before{content: "\f073"}
.section-recent-news-events .recent-news-thumb  img {margin: 0;vertical-align: middle;}
.section-recent-news-events .recent-news-thumb   img {margin: 0;vertical-align: middle;-webkit-transition: -webkit-transform 1s ease;-moz-transition: -moz-transform 1s ease;transition: transform 1s ease;}
.section-recent-news-events .recent-news-thumb  {overflow: hidden;}
.section-recent-news-events .recent-news-thumb:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transform-origin: center center;-moz-transform-origin: center center;-o-transform-origin: center center;transform-origin: center center;}
.section-recent-news-events .recent-news-title {margin-bottom: 5px;}
.section-recent-news-events .recent-news-thumb a::after {content: "";display: block;height: 100%;position: absolute;top: 0;width: 100%;background-color: rgba(34, 34, 34, 0.16);}
.section-recent-news-events .recent-news-wrapper {background: #fff;position: relative;}

.section-recent-news-events .recent-news-text-content {background: #fff;overflow: hidden;padding: 30px;position: relative;}
.section-recent-news-events .recent-news-item {padding: 0 25px;float: left;margin-bottom: 20px;width: 50%;}
.section-recent-news-events .recent-news-text-wrap {padding: 20px 0 0;}
.section-recent-news-events .news-post img{margin-bottom:0;}
.recent-news-main-wrapper  .slick-initialized .slick-slide {padding: 30px 30px 0;}


/*cycle next / previous*/

.recent-news-main-wrapper .slick-list {overflow: hidden;padding: 0;}

.recent-news-main-wrapper.section-carousel-enabled .slick-prev.slick-arrow,
.recent-news-main-wrapper.section-carousel-enabled .slick-next.slick-arrow {top: -90px;}

/*Recent Events*/

.section-recent-news-events  .event-post h4 {margin: 0;}
.section-recent-news-events .custom-entry-date {margin-bottom: 15px;float: left;margin-right: 25px;box-shadow: 0 5px 8px #fbfbfb;}
.section-recent-news-events .custom-entry-date span.entry-month {background: #f3f1f1;font-size: 15px;width: 73px;font-style: italic;color: rgb(19, 18, 18);margin: 0;}
.section-recent-news-events .custom-entry-date span.entry-day {font-size: 45px;line-height: 1.5;overflow: hidden;padding: 0;font-weight: 400;}
.section-recent-news-events .event-post {margin-bottom: 35px;clear: both;}
.section-recent-news-events .custom-entry-date > span {display: block;text-align: center;}

/*--------------------------------------------------------------
18.3. Post Gird
--------------------------------------------------------------*/







/*sidebar and footer widget*/
.sidebar .section-plan,
#footer-widgets .section-plan{background:inherit;}

.sidebar .section-plan  .pricing-plan-item,
#footer-widgets .section-plan  .pricing-plan-item {border: 1px solid #dddddd;width: 100%;}

form.news-letter-form {position: relative;margin-top: 75px;}
aside.section.section-news-letter.background-img {background: url(images/news-letter/bg.jpg);}
input.news-letter-email {width: 100%;margin-bottom: 29px;padding: 15px 25px;border-radius: 25px;}

input.news-letter-submit {position: absolute;top: 0;right: 0;padding: 16px 35px;border-radius: 0 25px 25px 0;}

/*--------------------------------------------------------------
18.7. Associate logo
--------------------------------------------------------------*/



.testimonial-wrapper {background-color:#f8f8f8; padding:5%}
.testimonial-wrapper span{font-size:34px; color:#327ace; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:block}
.testimonial-wrapper a{font-size:18px; color:#000; display: -webkit-box;
				-webkit-line-clamp:1;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				overflow: hidden;}
.testimonial-wrapper p{margin-top:15px; color:#666;display: -webkit-box;
				-webkit-line-clamp:2;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				overflow: hidden;}

.section-associate-logo .associate-logo-item {float: left;padding: 0 25px;margin-bottom: 0;text-align: center;width: 16%;}
.section-associate-logo .section-carousel-enabled .slick-prev.slick-arrow,
.section-associate-logo  .section-carousel-enabled .slick-next.slick-arrow {display: none!important;}
.slick-slide img {display: block;margin: 0 auto; max-width:100%; height:auto; overflow:hidden }
.section-associate-logo .plan-col-4 .associate-logo-item {width: 25%;}
.section-associate-logo .plan-col-5 .associate-logo-item {width: 20%;}
.section-associate-logo .plan-col-6 .associate-logo-item {width: 16.66666667%;}





.section-carousel-enabled .slick-slide:focus,
.section-carousel-enabled .slick-slide.slick-active{outline: none!important;}
.section-carousel-enabled .slick-list {text-align: left;}
.section-carousel-enabled .slick-list {margin: 0 -10px;}
.iteam-col-2.section-carousel-enabled {margin: 0 -10px;}
/* widget cycle pager */
.section-carousel-enabled .slick-dots {text-align: center;transition: all 1s ease-in-out 0s;width: 100%;z-index: 999;}
.section-carousel-enabled .slick-dots span {background-color: #686868;cursor: pointer;display: inline-block;float: none;height: 15px;margin: 5px 5px;width: 15px;z-index: 99;}
.section-carousel-enabled .slick-dots li.slick-active span {background-color: #219fcd;}
.section-carousel-enabled .slick-dots li {display: inline-block;line-height: 0;list-style: inherit;padding: 0;}
.section-carousel-enabled .slick-dots li::before {display: none;}
.section-carousel-enabled  .testimonial-item.slick-slide > h4 {display: block;float: none;font-style: italic;margin-right: 30px;text-align: center;}

/* cycle next / previous*/

.section-carousel-enabled .slick-prev.slick-arrow, .section-carousel-enabled .slick-next.slick-arrow {color: #000;cursor: pointer;display: block;font-weight: normal;line-height: 0.8;padding-top: 5px;position: absolute;text-align: center;top: 45%;z-index: 9;font-size: 17px;padding: 12px 16px;background: #ffffff;box-shadow: 0 0 15px #2422224a;}


.section-carousel-enabled .slick-prev.slick-arrow:hover,
.section-carousel-enabled .slick-next.slick-arrow:hover {background: #00479d;color: #fff;}

.section-carousel-enabled .slick-prev.slick-arrow {left: -20px;}

.section-carousel-enabled .slick-next.slick-arrow {right: -20px;}


/*--------------------------------------------------------------
18.15. Quick Contact
--------------------------------------------------------------*/



/* Smaller than standard 1230(devices and browsers) */

@media only screen and (max-width:1280px){
	.container{padding:0 25px}
}

@media only screen and (max-width:1230px){
	.global-layout-no-sidebar > .container {margin: 0 auto;width: 100%;}
	#content .section {margin-bottom: 0;padding: 40px 0;}
	#content aside.section.section-featured-banner.no-padding {padding: 0;}
	.social-links li a {height: 30px;width: 30px;}
	.social-links ul li a::before {line-height: 2;font-size: 13px;}
	.section-featured-slider h3 {font-size: 45px;}
	.section-featured-slider p {font-size: 17px;}
}

/* Smaller  standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px) {
	.header-v2 #quick-contact li {padding: 0; margin-left: 20px;}
	.header-v2 .main-navigation ul li a {padding-right: 10px; margin-right: 10px;}
	#content .section-title {font-size: 30px;}
	h1 {font-size:30px;}
	h2 {font-size:20px;}
	h3 {font-size: 19px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 14px;}
	.header-social-wrapper {margin-top: 5px;}
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1024px){
	.main-navigation{display:none}
	.touch-nav{display:block}
	
}

@media only screen and (max-width:1023px){
	.col-grid-3 {width: 50%;}
	.col-grid-7,.col-grid-5 {width: 100%;}
	.col-grid-8 {width: 100%;}
	.col-grid-4.recent-events {width: 100%;}
	.section-plan .pricing-plan-price {font-size: 37px;}
	#tophead {padding: 0 15px;}
	.sidebar,#primary,.three-columns-enabled .sidebar,.three-columns-enabled #primary {width: 100%;float: left;margin-bottom: 20px;}
	.three-columns-enabled .sidebar {width: 50%;}
	#primary .hentry.post.blog-gird {width: 50%;padding: 10px 15px;}
	.section-featured-slider .cycle-caption.text-alignleft {left: 10%;}
	.section-featured-slider .cycle-caption.text-alignright {right: 10%;}
	.section-featured-slider h3,.section-featured-banner h3 {font-size: 37px;}
	.section-featured-slider p,.section-featured-banner p {font-size: 15px;margin-bottom: 15px;}
	.section-featured-slider .slider-buttons .custom-button,.section-featured-banner .custom-button {padding: 9px 24px;}
	.section-featured-page img.alignleft,.section-featured-page img.alignright {max-width: 100%;text-align: inherit;display: block;margin: 0 auto 20px;}
	.section-plan .pricing-plan-content {padding: 20px 15px 20px 0;text-align: left;}
	.section-plan .pricing-plan-content li i {margin-right: 8px;font-size: 12px;}
	.custom-button, .custom-button:visited, a.button,.custom-button.custom-primary-button, .custom-button.custom-primary-button:visited {min-width: inherit;padding: 6px 23px;font-size: 14px;}
	.section-featured-slider .cycle-prev, .section-featured-slider .cycle-next {opacity: 1;}
}

/* Smaller than standard 900 (devices and browsers) */
@media only screen and (max-width:900px){
	.section-project .alignleft {margin-right: 35px;}
	.section-project .alignright {margin-left: 35px;}
	.section-project .featured-project-section {padding: 25px;}
	.section.section-project .custom-button {margin-top: 0;}
	.section-plan .pricing-plan-header h3 {font-size: 16px;}
	.pricing-plan-features {padding-left: 20px;text-align: left;display: table;}
	#content aside.section.section-call-to-action.cta-fluid.no-padding-btm {padding-bottom: 0;}
	.service-layout-4 .service-block-inner span.count {margin-bottom: 5px;}
	.service-layout-4 .service-block-inner {padding: 35px;min-height: 383px;}
	.header-v2 #quick-contact li {padding: 0;margin: 0 10px;display: inline-block;float: none;}
	.item-inner-wrapper .portfolio-content {padding: 0 5px;}
	.item-inner-wrapper:hover .portfolio-content {bottom: 30px;}
	.item-inner-wrapper:hover a.zoom-icon {top: 25%;visibility: visible;}
	.portfolio-content h3 {margin-bottom: 0;font-weight: 600;font-size: 18px;}
	.portfolio-content p {font-size: 13px;}
	.header-v3 #header-search a.search-icon {padding: 8px;}
	a.zoom-icon i {font-size: 25px;}
	.more-wrapper {margin-top: 20px;}
	.section-featured-page h5 {margin-bottom: 20px;}
	.section-latest-posts .latest-posts-text-content,.section-services .service-block-inner {padding: 30px;}
	.service-layout-4 .service-block-inner {padding: 30px 50px;}
	form.news-letter-form {position: relative;margin-top: 0;}
	.col-grid-6 {width: 100%;}

	.col-grid-1, .col-grid-2, .col-grid-3,.col-grid-4, .col-grid-5, .col-grid-6,.col-grid-7, .col-grid-8, .col-grid-9, .col-grid-10, .col-grid-11, .col-grid-12 {padding-left: 15px;padding-right: 15px;float: left;margin: 15px 0 15px 0;transition: all 0.4s ease-in-out 0s;}
	#content .section-subtitle {font-size: 14px;margin: 0 auto 20px;max-width: 700px;}
	.section-counter .counter-item {width: 50%;}
	.pricing-plan-features {font-size: 13px;}
	/*#footer-widgets .footer-widget-area {width: 50%;}
	#footer-widgets .footer-widget-area1{width: 50%;}*/
	.section-associate-logo .associate-logo-item {width: 33.33%;}
	#footer-widgets {padding: 40px 0;}
	.header-social-wrapper {float: none;text-align: center;width: 100%;clear: both;}
	/*#quick-contact {text-align: center;width: 100%;margin-top: 0;}*/
	.sticky-header #masthead {position: inherit;}
	#tophead .social-links {clear: both;float: none;}
	#tophead .social-links li {display: inline-block;float: none;}
	.social-links li {display: inline-block;}
	#mobile-trigger,#mobile-trigger-quick {display: block;background: #222;color: #fff;padding: 20px 12px;}
	#tophead {padding: 0;clear: both;}
	#header-search a.search-icon {padding: 10px 0;}
	#header-right {margin-top: 7px;}
	img.alignnone {margin: 0 auto;display: block;}
	.featured-page-section .col-grid-4,.featured-page-section .col-grid-8 {width: 100%;}
	#content .section.no-padding-btm {padding-bottom: 40px;}.col-grid-6.no-margin.features-item {width: 50%;}
	#content .no-margin {margin: 15px 0;}
	#content .section-title-wrap.text-alignleft span.divider,#content .section-title-wrap.text-alignright span.divider {margin: 0 0 15px;}
	a.more-link {margin: 0;padding: 5px 20px;}
	.section-featured-page-grid .featured-page-grid-text-content {padding: 25px;}
	.header-social-wrapper {clear: inherit;float: left;width: auto;margin: 0;}
	#masthead {padding: 5px 0;}
	#masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header {padding: 0;position: inherit;padding: 15px 0;}
	.header-v4 #masthead,.header-v5 #masthead {position: inherit;padding: 0;background: #222;padding: 15px 0;}
	.section-featured-slider .slider-buttons {margin-top: 0;}
	.section-featured-slider h3, .section-featured-banner h3 {font-size: 35px;}
	.quick-link,.main-navigation {display: none;}
	#mob-menu {display: block;}
	.flat-mega-memu {display: none;}
	.logged-in.sidr-main-open #mobile-trigger {position: relative;z-index: 999999;}
	.logged-in.sidr-open.sidr-main-open {margin-top: -46px;}
	#mobile-trigger i,#mobile-trigger-quick i {font-size: 17px;line-height: 0;display: block;}
	#mobile-trigger-quick {float: right;}
	.sidr ul li a {padding-right: 50px;}
	.sidr ul li {position: relative;}
	.sidr .dropdown-icon {height: 50px;width: 50px;background: #333333;z-index: 999;display: block;box-shadow: 0 0 37px #464444 inset;cursor: pointer;}
	.sidr ul li ul .dropdown-icon {height: 41px;}
	.sidr .dropdown-icon::after {content: "\f107";display: block;text-align: center;font-family: 'Font Awesome 5 Free';}
	.sidr .toggle-on .dropdown-icon::after {content: "\f106";}
	.sidr .dropdown-toggle {position: absolute;right: 0;top: 0;padding: 0;}
	.sidr ul li ul {display: none;}
	#mob-menu.sidr ul li.has-mega-menu ul {display: block;}
	#mob-menu ul {display: none;}
	.sidr-open #mob-menu .sidr-inner > ul{display: block;}
	.home-landing #mobile-trigger {width: 100%;}
	.portfolio-filter ul li a{padding:10px 15px}
	
	/*.section-portfolio{display:block}*/


}

/* Smaller than standard 768 (devices and browsers) */
@media only screen and (max-width:767px){

	.col-grid-1,.col-grid-2,.col-grid-3,.col-grid-4,.col-grid-5,.col-grid-6,.col-grid-7,.col-grid-8,.col-grid-9,.col-grid-10,.col-grid-11,.col-grid-12 {padding-left: 15px;padding-right: 15px;float: left;margin: 15px 0 15px 0;transition: all 0.4s ease-in-out 0s;}
	.col-grid-4,.col-grid-3{width: 50%;}
	.col-grid-4:nth-child(2n+1),.col-grid-3:nth-child(2n+1),.col-grid-5:nth-child(2n+1){clear: both;}
	.col-grid-1,.col-grid-2,.col-grid-5,.col-grid-6,.col-grid-7 ,.col-grid-8,.col-grid-9,.col-grid-10,.col-grid-11,.col-grid-12 {width: 100%;}
	#content .section.no-padding-btm {    padding: 30px 0;}
	#content .no-margin {margin: 15px 0;}
	.featured-page-section h3.feature-title {visibility: visible;font-size: 14px;padding: 5px;bottom: 0;}
	.section-project .project-thumb {width: 100%;max-width: 100%;float: none;margin: 0;}
	.project-section .alignright:after,.project-section .alignleft:after {display: none;}
	#content .section-title {font-size: 36px;}
	#content .section-subtitle {font-size: 14px;margin-bottom: 20px;}
	footer.comment-meta {margin-bottom: 15px;}
	.sidr ul li ul.mega-menu-sub {display: block;}
	#masthead.fixed {position: inherit;top: inherit;width: 100%;left: inherit;}
	#quick-contact {float: left;/*width: 100%;clear: both;margin-top: 20px;*/}
	#masthead {padding: 5px 0;}
	#masthead:after,#masthead:before {visibility:visible;display: none;}
	#footer-widgets .footer-widget-area {width: 50%;margin-bottom: 15px;}
	#footer-widgets .footer-widget-area1 {width: 50%;margin-bottom: 15px;}
	#footer-contact .contact-title {display: block;margin: 0;margin-bottom: 15px;}
	#footer-widgets .footer-widget-area {width: 100%;border-bottom: 1px solid rgba(255,255,255,0.4);padding: 15px 20px 15px 20px;}
	#footer-widgets .footer-widget-area1 {width: 100%;border-bottom: 1px solid #50505059;padding: 0 15px 20px;}
	#footer-widgets .footer-active-3:nth-child(4){width:100%}
	#footer-widgets .footer-active-3:nth-child(5){width:100%}
	#footer-widgets .footer-widget-area:last-child {border: none;}
	#footer-widgets .widget-title {    margin-bottom: 10px;}
	.section-featured-slider .slider-buttons .custom-button,.section-featured-banner .custom-button {padding: 9px 20px;text-transform: capitalize;margin: 0;}
	.section-featured-slider .cycle-prev, .section-featured-slider .cycle-next {visibility: visible;opacity: 1;display: block;width: 40px;height: 40px;line-height: 1.5;}
	.section-featured-slider .cycle-prev {left: 0;}
	.section-featured-slider .cycle-next {right: 0;}
	.section-plan .pricing-plan-item,.section-plan .pricing-plan-item.pricing-plan-recommended {width: 100%;max-width: 400px;margin: 25px auto;float: none;}.pricing-plan-cost span.pricing-plan-price-currency {font-size: 20px;margin-top: 0;position: relative;top: -17px;}
	.site-title {font-size: 22px;}
	.section-featured-slider .cycle-pager {display: none;}
	#quick-link-buttons .cart-button > span {margin-top:2px;}
	#main-slider h3,.section-featured-banner h3 {font-size: 28px;padding: 0;}
	#main-slider .cycle-caption{bottom: 50px;}.section-featured-banner .banner-caption {bottom: 20px;}#main-slider h3 a {display: block;}a.custom-button.custom-secondary-button {padding: 4px 15px;}.copyright {float: none;}
	.site-info {float: none;}
	.site-branding {float: none;}
	#footer-widgets {padding: 35px 0;}
	#footer-contact {padding: 30px 0;}
	#tophead a.search-icon {background-color: inherit;color: #fff;border: none;}
	.entry-thumb.alignleft,.entry-thumb.alignright {max-width: 100%;margin: 0 0 20px;}
	#custom-header {padding: 20px 0;}
	.page-title {font-size: 22px;}
	.section-call-to-action.cta-boxed .call-to-action-description {float: inherit;text-align: center;width: 100%;margin-bottom: 30px;}
	.section-call-to-action.cta-boxed .call-to-action-buttons {float: none;}
	.section-featured-banner .banner-caption {left: 0;width: 100%;}#content .section-call-to-action .call-to-action-description h2 {font-size: 18px;}
	/*.section-portfolio .portfolio-item {float: left;position: relative;margin: 0;width: 50%;}
	.section-portfolio .portfolio-item {width: 50%;}*/
	article.hentry {padding-bottom: 30px;margin-bottom: 30px;}
	#content {padding: 30px 0;}
	.comments-title {padding: 15px 0;border-top: 1px solid #f7f7f7;}
}

/* Smaller than standard 480 (devices and browsers) */
@media only screen and (max-width:600px){
	.container{padding:0 15px}
	#quick-contact { display:none}
	.item-inner-wrapper:hover .portfolio-content{bottom:10px}
}

@media only screen and (max-width:500px){
.site-title a img{width:100%; height:auto; overflow:hidden}
}
@media only screen and (max-width:479px){
	.contact-form-area.contactdesc {padding: 25px;}
	h3.contact-title {margin: -25px -25px 24px;}
	#contactform input[type="text"], #contactform input[type="email"] {width: 100%; margin-bottom: 20px;}
	.recent-posts-widget h4 {font-size: 14px;}
	#content .section-title {font-size: 25px;}
	.section.section-services.service-layout-2 .service-block-item a.service-icon {float: left;margin: 0 30px 0 0;font-size: 23px;width: 70px;height: 70px;padding: 20px 0;}
	.header-v1 #tophead {padding: 5px 0 5px 0;clear: both;}
	.col-grid-1.col-grid-2,.col-grid-4,.col-grid-3,.col-grid-5,.col-grid-6.col-grid-7,.col-grid-8,.col-grid-9,.col-grid-10,.col-grid-11,.col-grid-12 {width: 100%;}
	input.news-letter-submit {position: inherit;border-radius: 25px;width: 100%;padding: 10px;}
	input.news-letter-email {width: 100%;margin-bottom: 15px;padding: 12px 28px;border-radius: 25px;}
	.portfolio-filter ul {display: block;border: none;}
	.portfolio-filter ul li {border: 1px solid #ebebeb; margin-top:5px}
	/*.section-portfolio .portfolio-item {width: 100%;}*/
	.item-inner-wrapper:hover .portfolio-content {bottom: 10px;}
	.quick-contact-widget {padding: 0;}
	.section-project .featured-project-section {padding: 40px;}
	.video-widget a.media-zoom-icon {position: absolute;top: 26%;left: 34%;border: 5px solid #ffffffab;}
	a.media-zoom-icon i {height: 60px;width: 60px;text-align: center;padding: 22px;background: #fff;margin: 9px;border-radius: 100%;font-size: 19px;}
	.portfolio-filter ul li:first-child a {border: none;}
	.counter-icon {display: block;margin-right: 0;margin-bottom: 10px;}
	.section-counter .counter-nos {font-size: 29px;}
	.section-associate-logo .associate-logo-item {width: 50%;}
	#quick-contact  .header-box-info strong {display: none;}
	.header-box-icon {margin-right: 15px;}
	.header-box-info {float: left;line-height: 1.5;}
	
	#main-slider h3 br {display: none;}
	.section-featured-slider h4 {font-size: 13px;margin-bottom: 5px;}
	a.custom-button:before {margin-right: 5px;}
	#quick-contact {text-align: center;width: 100%;}
	.section-featured-slider p,.section-featured-banner p {display: none;}
	#main-slider h3,.section-featured-banner h3 {font-size: 18px;padding: 0;margin-bottom: 10px;}
	.header-v2 .header-box-info {float: left;line-height: 2;font-size: 12px;}
	.header-v2 .header-box-icon {float: left;font-size: 34px;margin-right: 5px;text-align: center;padding-top: 3px;}
	#main-slider .cycle-caption {bottom: 25px;}
	.header-v2 #quick-contact {float: right;margin-top: 15px;}
	.header-v2 #quick-contact li i {font-size: 16px;}
	.header-v2 .custom-button.apply-now {float: right;margin-left: 15px;min-width: inherit;padding: 5px 14px;font-size: 12px;}
	.header-v2 #quick-contact li {padding: 0;margin: 0 6px!important;text-align: left;float: none;display: inline-block;width: auto;}
	.header-v2 #masthead {padding: 20px 0 15px;}
	.searchform {width: 230px;margin: 0 auto;max-width: 100%;}
	.search-box-wrap {padding: 20px;}
	.section-featured-slider .slider-buttons .custom-button {padding: 6px 15px;text-transform: capitalize;font-size: 13px;margin: 0;}
	.section-featured-slider .cycle-prev,.section-featured-slider .cycle-next {visibility: visible;opacity: 1;display: block;width: 35px;height: 35px;bottom: 45%;font-size: 16px;}
	#tophead .social-links li a {border: none;margin: 0;width: 30px;height: initial;padding: 0;margin: 0;}
	.multi-language {padding-top: 2px;}
	.header-v4 .site-branding img,.header-v5 .site-branding img  {max-width: 95px;}
	.portfolio-filter ul li a {border: none;display: block;padding: 5px;}
	.quick-contact-widget .quick-contact-item {width: 100%;}
	.inner-quick-contact-wrapper {text-align: center;}
	.global-layout-right-sidebar .entry-content-wrapper,.global-layout-left-sidebar .entry-content-wrapper,.default-full-width.blog-full-width .entry-content-wrapper {padding: 0;margin: 0;}
	.recent-posts-widget img {max-width: 100%;margin: 0 0 15px;}
	#footer-navigation {text-align: center;}
	#footer-navigation li a {margin-right: 10px;padding: 0;font-size: 13px;}
	#colophon {font-size: 12px;padding: 10px 0;}
	.author-avatar {float: none;margin: 0 auto 20px;display: block;text-align: center;}
	.vcard .avatar {float: none;display: block;margin: 0 auto 30px;}
	.entry-title {font-size: 20px;margin-bottom: 0;}
	.entry-meta > span {font-size: 13px;}
	.authorbox {padding: 0 0 15px;}
	.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {padding: 15px 0;}
	.comments-title {padding: 10px 0;}
	ol.comment-list .children {border: medium none;float: left;margin: 0;width: 100%;padding: 0;}
	.sidebar input.search-submit {position: inherit;width: 100%;border-radius: 50px;margin-top: 15px;padding: 11px;}
	.sidebar input.search-field {padding: 7px 25px;}
	.featured-page-section h3.feature-title {font-size: 18px;padding: 10px;}
	.col-grid-6.no-margin.features-item {width: 100%;}
}

/* Smaller than standard 320 (devices and browsers) */
@media only screen and (max-width:219px){
	.container{width: 310px;max-width: 310px;}
	.footer-widget-area1 ul li{width:100%}
}


/*移动端底部导航*/
.phonefooternav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	display:none;
}
.phonefooternav ul{
	padding: 0;
}
.phonefooternav ul li {
	width: 33.333%;
	background: #004ea2;
	float: left;
	padding: 8px 0;
	border-right: 1px solid #FFFFFF;
	list-style: none;
}
.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center;
}
.phonefooternav ul li a:hover .call {

}
.phonefooternav ul li a img {
	width: 20px;
	padding: 2px 0;
}
@media (max-width: 480px) {
	.phonefooternav ul li {
		padding: 3px 0px;
	}
}
@media (max-width: 768px) {
	.phonefooternav {
		display: block !important;
	}
	.lxfx{display:none}
	.footer{padding-bottom:40px}
}





/*--------------------------------------------------------------
Main css ends form here
--------------------------------------------------------------*/
/*漂浮框*/


.color-white{color:white!important;}
.red{color:#fc8080!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}


/*悬浮链接*/
.Q2{display:none}


.suspension{position:fixed;z-index:9999;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}




@media only screen and (max-width:768px){
.Q1{display:none}
.Q2{display:block}
}